<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>smantic</title>
<script src="/js/jquery_2.0.3.js"></script>
<script src="/semantic/javascript/semantic.js"></script>
<link rel="stylesheet" type="text/css" href="/semantic/css/semantic.css">
<style>
.clublist .content .header{
	font-size:0.7em;
}
.clublist .content .description{
	font-size:0.6em;
}
</style>
</head>
<body>
	<div class="ui grid">
		<div class="row">
			<div class="column">
				<div class="ui rating active" data-rating="5">
					<i class="icon"></i> <i class="icon"></i> <i class="icon"></i> <i
						class="icon"></i> <i class="icon"></i>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="column">
				<div class="ui divided big list clublist">
					<div class="item">
						<img class="ui avatar image"
							src="http://www.semantic-ui.com.cn/images/demo/avatar2.jpg"
							pagespeed_url_hash="437283272"
							>
						<div class="content">
							<div class=" header">连心园骑行群</div>
							<div class="description">每周都去骑一次</div>
						</div>
					</div>
					<div class="item">
						<img class="ui avatar image"
							src="http://www.semantic-ui.com.cn/images/demo/avatar2.jpg"
							pagespeed_url_hash="437283272"
							>
						<div class="content">
							<div class="header">连心园骑行群</div>
							<div class="description">每周都去骑一次</div>
						</div>
					</div>
					<div class="item">
						<img class="ui avatar image"
							src="http://www.semantic-ui.com.cn/images/demo/avatar3.jpg"
							pagespeed_url_hash="731783193"
							>
						<div class="content">
							<div class="header">一二三四五六七八九十</div>
							<div class="description">一二三四五六七八九十一二三</div>
						</div>
					</div>
					<div class="item">
						<img class="ui avatar image"
							src="http://www.semantic-ui.com.cn/images/demo/avatar.jpg"
							pagespeed_url_hash="749454340"
							>
						<div class="content">
							<div class="header">北京象素乒乓球爱好者</div>
							<div class="description">我们为住在同一区而自豪</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script>
		$('.ui.rating').rating({
			onRate : function(value) {
				//alert(value);
			}
		});
	</script>
</body>
</html>
